<template>
  <div class="loan-detail-wrap">
    <x-header>
      借款人基本信息
    </x-header>
    <loan-info class="loan-info"></loan-info>
    <footer-button :is-fill-column="false" left-btn-txt="上传现场日记" right-btn-txt="添加续贷业务" @handleLeftClick="goFieldDiary" @handleRightClick="goAddBorrower"></footer-button>
  </div>
</template>
<script>
import LoanInfo from "../../components/loan-info/index.vue";
import FooterButton from "../../components/footer/index.vue";
export default {
  components: {
    LoanInfo,
    FooterButton
  },
  methods: {
    goFieldDiary() {
      this.$router.push({
        name: "现场日记"
      });
    },
    goAddBorrower() {
      this.$router.push({
        name: "新借款人"
      });
    }
  }
};
</script>
<style lang="scss">
.loan-detail-wrap {
  .loan-info {
    margin-top: 0.5rem;
  }
  .footer-wrapper button:nth-child(2) {
    background-color: #03a9f4;
    color: #fff;
  }
}
</style>